<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Compare Earrings</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bootstrap-theme.css" rel="stylesheet" />

    <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>   
    <script type="text/javascript" src="js/bootbox.js"></script>
    <script type="text/javascript">       
        $(function () {
            $('#form-nav-bar').load('navbar.html');
            $.getScript("js/Login.js", function () { });
        });
    </script>
    <script src="js/toast.js" type="text/javascript"></script>
    <script src="js/formatmoney.js"></script>
</head>
<body>
    
    <div class="alert alert-success" role="alert" style="display:none; z-index: 1000; position: absolute; left:0px; top: 50px;">
      <span>populate alert</span>
    </div>
    <!-- Navigation -->
    <nav id="form-nav-bar" class="navbar navbar-inverse navbar-static-top" role="navigation">        
        <!-- /.container -->
    </nav>
    <form runat="server">
    <!-- Page Content -->
    <div class="container">
        <div class="col-md-12">
            <div class="row">
                <a href="index3.aspx">กลับไปลองต่างหู</a>
            </div>
            <br>
            <div class="col-md-3">
               
                <img style="width:230px;" class="img-thumbnail" alt="ไม่มีรูป" src="img/q.jpg">
                <p>ชื่อต่างหู</p> 
                <p>ราคา</p>
                <button type="button"  class="btn btn-info glyphicon glyphicon-shopping-cart">สั่งซื้อ</button>
                <hr>
                <p>รายละเอียด</p>
            </div>
            <div class="col-md-3">
                <img style="width:230px;" class="img-thumbnail" alt="ไม่มีรูป" src="img/q.jpg">
                <p>ชื่อต่างหู</p> 
                <p>ราคา</p>
                <button type="button"  class="btn btn-info glyphicon glyphicon-shopping-cart">สั่งซื้อ</button>
                <hr>
                <p>รายละเอียด</p>
            </div>
            <div class="col-md-3">
                <img style="width:230px;" class="img-thumbnail" alt="ไม่มีรูป" src="img/q.jpg">
                <p>ชื่อต่างหู</p> 
                <p>ราคา</p>
                <button type="button"  class="btn btn-info glyphicon glyphicon-shopping-cart">สั่งซื้อ</button>
                <hr>
                <p>รายละเอียด</p>
            </div>
            <div class="col-md-3">
                <img style="width:230px;" class="img-thumbnail" alt="ไม่มีรูป" src="img/q.jpg">
                <p>ชื่อต่างหู</p> 
                <p>ราคา</p>
                <button type="button"  class="btn btn-info glyphicon glyphicon-shopping-cart">สั่งซื้อ</button>
                <hr>
                <p>รายละเอียด</p>
            </div>
        </div>
    </div>
    <!-- /.container -->
    <div class="container">
        <hr>
        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-md-12">
                    <p>
                        Copyright &copy; Your Website 2015
                    </p>
                </div>
            </div>
        </footer>
    </div>
    <!-- /.container -->
    </form>
</body>
</html>